<div class="make-bom">
    <div class="m-subheader">
        <div class="row align-items-center">
            <div class="mr-auto col-auto">
                <h3 class="m-subheader__title m-subheader__title--separator">
                    <span>预配套</span>
                </h3>
            </div>
        </div>
    </div>
    <div class="m-content">
        <div class="m-portlet m-portlet--mobile">
            <div class="m-portlet__body">
                <div class="p-formgroup-inline">
                    <span class="p-field">
                        <span class="input-lable">仓库名称：</span>
                        <!-- <input style="line-height: 24px!important;width: 150px;" disabled id="storeId" type="text" size="30"
                pInputText [(ngModel)]="queryInfo.storeId"> -->
                        <p-dropdown disabled filter="true" name="sstroeName" [options]="storeDropList"
                            placeholder="请选择仓库名称" [(ngModel)]="queryInfo.storeId" emptyFilterMessage="暂无数据"
                            (onChange)="getStoreName($event)">
                            <ng-template let-item pTemplate="selectedItem">
                                <span
                                    style="vertical-align:middle; margin-left: .5em;width: 147px;">{{item.label}}</span>
                                <span style="vertical-align:middle; margin-left: .5em;width: 147px;"> </span>
                            </ng-template>
                            <ng-template let-model pTemplate="item">
                                <div class="ui-helper-clearfix" style="position: relative;height: 25px;">
                                    <div
                                        style="font-size:14px;float:right;margin-top:4px;margin-left:5px;width: 147px;">
                                        {{model.label}}
                                    </div>
                                </div>
                            </ng-template>
                        </p-dropdown>
                    </span>
                    <span class="p-field ml">
                        <span class="input-lable">型号：</span>
                        <p-dropdown name="model" #modelSelect="ngModel" [options]="createModelOption"
                            [(ngModel)]="queryInfo.module" dataKey="value" [filter]="true" filterBy="label"
                            [optionLabel]="'label'" placeholder="请选择型号" required (onChange)="onChange($event)">
                        </p-dropdown>
                    </span>
                    <span class="p-field ml">
                        <span class="input-lable">发次：</span>
                        <p-dropdown name="sendTime" #sendTimeSelect="ngModel" [options]="createLotNoList"
                            [(ngModel)]="queryInfo.sendTime" dataKey="value"
                            (onChange)="getCoreListCreate($event.value,1)" [filter]="true" filterBy="label"
                            [optionLabel]="'label'" placeholder="请选择发次" required>
                        </p-dropdown>
                    </span>
                    <span class="p-field ml">
                        <span class="input-lable">芯级：</span>
                        <!-- <p-dropdown filter="true" name="sstroeName" (onChange)="getxjName($event)" [options]="createCoreList"
              placeholder="请选择芯级" [(ngModel)]="queryInfo.xJCode" emptyFilterMessage="暂无数据">
              <ng-template let-item pTemplate="selectedItem">
                <span style="vertical-align:middle; margin-left: .5em;width: 147px;">{{item.label}}</span>
                <span style="vertical-align:middle; margin-left: .5em;width: 147px;"> </span>
              </ng-template>
              <ng-template let-model pTemplate="item">
                <div class="ui-helper-clearfix" style="position: relative;height: 25px;">
                  <div style="font-size:14px;float:right;margin-top:4px;margin-left:5px;width: 147px;">{{model.label}}
                  </div>
                </div>
              </ng-template>
            </p-dropdown> -->
                        <p-dropdown name="xJCode" #xJCodeSelect="ngModel" [options]="createCoreList"
                            [(ngModel)]="queryInfo.xJCode" dataKey="value" (onChange)="getxjName($event.value)"
                            [filter]="true" filterBy="label" [optionLabel]="'label'" placeholder="请选择芯级" required>
                        </p-dropdown>
                    </span>
                    <span class="p-field ml">
                        <span class="input-lable">物料类别：</span>
                        <input id="input" type="text" placeholder="请输入物料类别" pInputText
                            [(ngModel)]="queryInfo.materialPropertyName">
                    </span>
                    <span class="p-field ml">
                        <span class="input-lable">预配套状态：</span>
                        <!-- <input id="input" placeholder="请输入预配套状态" type="text" [(ngModel)]="queryInfo.preSuiteStatus"> -->
                        <p-dropdown name="preSuiteStatus" [options]="cpreSuiteStatusOptions"
                            [(ngModel)]="queryInfo.preSuiteStatus" [filter]="true" filterBy="label"
                            placeholder="请选择预配套状态">
                        </p-dropdown>
                    </span>
                    <p-button label="查询" (click)="getDescList()" class="query-btn"></p-button>
                    <p-button type="button" label="重置" (click)="reset()" class="query-btn"></p-button>
                </div>
                <div class="p-formgroup-inline">
                    <span class="p-field">
                        <span class="input-lable">仓库名称：</span>
                        <span>{{queryText.storeId}}</span>
                    </span>
                    <span class="p-field ml">
                        <span class="input-lable">型号：</span>
                        <span *ngIf="queryInfo.module">{{queryInfo.module.label}}</span>

                    </span>
                    <span class="p-field ml">
                        <span class="input-lable">发次：</span>
                        <span *ngIf="queryInfo.sendTime">{{queryInfo.sendTime.label}}</span>
                    </span>
                    <span class="p-field ml">
                        <span class="input-lable">芯级：</span>
                        <span>{{queryText.xJCode}}</span>
                    </span>
                    <span class="p-field ml">
                        <span class="input-lable">物料类别：</span>
                        <span>{{queryInfo.materialPropertyName}}</span>
                    </span>
                    <span class="p-field ml">
                        <span class="input-lable">预配套状态：</span>
                        <span>{{queryInfo.preSuiteStatus}}</span>
                    </span>
                    <p-button label="全选物料" (click)="selectedCars3All()" class="query-btn"></p-button>
                    <p-button *ngIf="'Pages.PreMatching.PreMatching' | permission" label="预配套" (click)="autoEv()" class="query-btn"></p-button>
                    <p-button *ngIf="'Pages.PreMatching.CancelMatching' | permission" label="取消预配套" (click)="cancelAutoEv()" class="query-btn"></p-button>
                    <p-button *ngIf="'Pages.PreMatching.ExportMatching' | permission" label="导出预配套" (click)="exportAuto()" class="query-btn"></p-button>
                    <p-button *ngIf="'Pages.PreMatching.ExportTable' | permission" label="导出缺料表" (click)="exportWuliao()" class="query-btn"></p-button>
                </div>
                <div class="row align-items-center" style="margin-top: 25px;">
                    <div class="primeng-datatable-container">
                        <p-table #dataTable [value]="primengTableHelper.records" [(selection)]="selectedCars3"
                            (onLazyLoad)="getDescList($event)" rows="{{primengTableHelper.defaultRecordsCountPerPage}}"
                            [paginator]="false" [lazy]="true" [scrollable]="true" ScrollWidth="100%"
                            [responsive]="primengTableHelper.isResponsive"
                            [resizableColumns]="primengTableHelper.resizableColumns">
                            <ng-template pTemplate="header">
                                <tr>
                                    <th style="width: 150px;position:sticky;left:0;z-index:1;">操作</th>

                                    <th style="width: 80px;position:sticky;left:150px;z-index:1;">
                                        <p-tableHeaderCheckbox></p-tableHeaderCheckbox>
                                    </th>
                                    <th style="width: 80px;position:sticky;left:230px;z-index:1;">序号</th>
                                    <th style="width: 150px;position:sticky;left:310px;z-index:1;">物料图号</th>
                                    <th style="width: 150px;position:sticky;left:460px;z-index:1;">物料名称</th>
                                    <th style="width: 150px">规格</th>
                                    <th style="width: 150px">年代号</th>
                                    <th style="width: 150px">物料类别</th>
                                    <th style="width: 150px">细类</th>
                                    <th style="width: 150px">单位</th>
                                    <th style="width: 150px">芯级用量</th>
                                    <th style="width: 150px">自由库存数量</th>
                                    <th style="width: 150px">可用库存数量</th>
                                    <th style="width: 150px">预配套数量</th>
                                    <th style="width: 150px">预配套调整数</th>
                                    <th style="width: 150px">缺料数量</th>
                                    <th style="width: 150px">出库数量</th>
                                    <th style="width: 150px">预配套状态</th>
                                    <th style="width: 150px">预配套人</th>
                                    <th style="width: 150px">预配套时间</th>
                                </tr>
                            </ng-template>
                            <ng-template pTemplate="body" let-car let-rowIndex="rowIndex">
                                <tr>
                                    <td style="width: 150px;position:sticky;left:0;z-index:1;">
                                        <div class="btn-group dropdown" dropdown container="body">
                                            <button dropdownToggle class="dropdown-toggle btn btn-sm btn-primary">
                                                <i class="fa fa-cog"></i><span class="caret"></span> 操作
                                            </button>
                                            <ul class="dropdown-menu" *dropdownMenu>
                                                <li>
                                                    <a *ngIf="'Pages.PreMatching.Resume' | permission" href="javascript:;" (click)="llVisibleEv(car.id)">履历</a>
                                                </li>
                                                <li>
                                                    <a *ngIf="'Pages.PreMatching.ManualMatching' | permission" href="javascript:;"
                                                        (click)="getExecutePreSuitePersonEv(car,'人工预配套')">人工预配套</a>
                                                </li>
                                                <li>
                                                    <a *ngIf="'Pages.PreMatching.See' | permission" href="javascript:;"
                                                        (click)="getExecutePreSuitePersonEv(car,'查看')">查看</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </td>
                                    <td style="width: 80px;position:sticky;left:150px;z-index:1;">
                                        <p-tableCheckbox [value]="car"></p-tableCheckbox>
                                    </td>

                                    <td style="width: 80px;position:sticky;left:230px;z-index:1;">{{rowIndex+1}}</td>
                                    <td style="width: 150px;position:sticky;left:310px;z-index:1;">{{car.materialNo}}
                                    </td>
                                    <td style="width: 150px;position:sticky;left:460px;z-index:1;">{{car.materialName}}
                                    </td>
                                    <td style="width: 150px">{{car.module}}</td>
                                    <td style="width: 150px">{{car.yearsNo}}</td>
                                    <td style="width: 150px">{{car.materialTypeName}}</td>
                                    <td style="width: 150px">{{car.materialCategoryName}}</td>
                                    <td style="width: 150px">{{car.unitName}}</td>
                                    <td style="width: 150px">{{car.bomDosageTotalAmount}}</td>
                                    <td style="width: 150px">{{car.freeQuantityStock}}</td>
                                    <td style="width: 150px">{{car.usableQuantityStock}}</td>
                                    <td style="width: 150px">{{car.preSuiteStock}}</td>
                                    <td style="width: 150px">{{car.completeAdjust}}</td>
                                    <td style="width: 150px">{{car.starvingStock}}</td>
                                    <td style="width: 150px">{{car.deliveryStock}}</td>
                                    <td style="width: 150px">{{car.preSuiteStatusName}}</td>
                                    <td style="width: 150px">{{car.preSuiteName}}</td>
                                    <td style="width: 150px">{{car.preSuiteTime |date:'yyyy-MM-dd'}}</td>
                                </tr>
                            </ng-template>
                        </p-table>
                        <div class="primeng-paging-container">
                            <p-paginator [rows]="primengTableHelper.defaultRecordsCountPerPage" #paginator
                                (onPageChange)="getDescList($event)"
                                [totalRecords]="primengTableHelper.totalRecordsCount"
                                [rowsPerPageOptions]="primengTableHelper.predefinedRecordsCountPerPage">
                            </p-paginator>
                            <span class="total-records-count">
                                {{'TotalRecordsCount' | localize:primengTableHelper.totalRecordsCount}}
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 履历弹窗 -->
    <p-dialog [style]="{width: '70%', height: '50%',background:' #fff'}" header="操作履历" [(visible)]="llVisible"
        (onHide)="displayclose()" modal="modal" [responsive]="true">
        <p-table [value]="logList" [paginator]="false">
            <ng-template pTemplate="header">
                <tr>
                    <th style="width: 150px">序号</th>
                    <th style="width: 150px">操作时间</th>
                    <th style="width: 150px">操作类型</th>
                    <th style="width: 150px">操作人</th>
                    <th style="width: 150px">操作详情</th>
                </tr>
            </ng-template>
            <ng-template pTemplate="body" let-rowIndex="rowIndex" let-car>
                <tr>
                    <td style="width: 80px">{{rowIndex+1}}</td>
                    <td style="width: 150px">{{car.creationTime | date:'yyyy-MM-dd'}}</td>
                    <td style="width: 150px">{{car.operationTypeDesc}}</td>
                    <td style="width: 150px">{{car.userName}}</td>
                    <td style="width: 150px">{{car.businessTypeDesc}}</td>
                </tr>
            </ng-template>
        </p-table>


    </p-dialog>
    <!-- 预配套 -->
    <p-dialog [style]="{width: '40%', height: '50%',background:' #fff'}" header="自动预配套" [(visible)]="autoVisible"
        (onHide)="displayclose()" modal="modal" [responsive]="true">
        <div class="auto-text">
            <div class="title">系统自动预配套规则：</div>
            <div>1.系统自动分析物料适用型号和发次</div>
            <div>2.系统自动配套01批次物料</div>
            <div>3.系统自动判断物料有效日期</div>
            <div>4.特殊记载物料系统无法判断，需人工处理</div>
            <div>5.物料配套原则为 先进先出原则</div>

        </div>
        <div class="auto-tip">
            是否确定系统自动对所选物料进行预配套！！！！
        </div>
        <p-footer>
            <p-button label="取消" (click)="autoVisible=false" class="ui-button-secondary query-btn"></p-button>
            <p-button label="确定" (click)="autoPeiTaoEv()" class="query-btn"></p-button>
        </p-footer>
    </p-dialog>
    <!-- 人工预配套  查看-->
    <p-dialog [style]="{width: '70%', height: '50%',background:' #fff'}" [(header)]="dialogType"
        [(visible)]="detailVisible" (onHide)="displayclose()" modal="modal" [responsive]="true">
        <div *ngIf="dialogType =='人工预配套'" style="cursor: pointer;">
            <!-- <p-button (click)="getaddList()" label="添加替代料" class="query-btn"></p-button> -->

        </div>
        <div *ngIf="detailInfo.info">
            <span class="ui-float-label  quality-dept ui-g-3">
                <span class="text">产品图号：</span>
                <input id="input" disabled placeholder="请输入产品图号" type="text" pInputText
                    [(ngModel)]="detailInfo.info.materialNo">

            </span>
            <span class="ui-float-label  quality-dept ui-g-3">
                <span class="text">产品名称：</span>
                <input id="input" disabled placeholder="请输入产品名称" type="text" pInputText
                    [(ngModel)]="detailInfo.info.materialName">
            </span>
            <span class="ui-float-label  quality-dept ui-g-3">
                <span class="text">芯级用量：</span>
                <input id="input" disabled placeholder="请输入芯级用量" type="text" pInputText
                    [(ngModel)]="detailInfo.info.bomDosageTotalAmount">
            </span>
            <span class="ui-float-label  quality-dept ui-g-3">
                <span class="text">预配套数量：</span>
                <input id="input" disabled placeholder="请输入预配套数量" type="text" pInputText
                    [(ngModel)]="detailInfo.info.preSuiteStock">
            </span>

        </div>
        <p-table [value]="detailInfo.list" [scrollable]="true" scrollHeight="300px" [(selection)]="rengongSelect"
            [paginator]="false">
            <ng-template pTemplate="header">
                <tr>
                    <th style="width: 80px;position:sticky;left:0;z-index:1;">
                        选择
                    </th>
                    <th style="width: 80px;position:sticky;left:80px;z-index:1;">序号</th>
                    <th style="width: 150px;position:sticky;left:160px;z-index:1;">产品图号</th>
                    <th style="width: 150px;position:sticky;left:310px;z-index:1;">产品名称</th>
                    <th style="width: 150px">规格型号</th>
                    <th style="width: 150px">年代号</th>
                    <th style="width: 150px">合格证号</th>
                    <th style="width: 150px">放行单号</th>
                    <th style="width: 200px">产品编号(件号)</th>
                    <th style="width: 150px">型号(产品代号)</th>
                    <th style="width: 150px">发次</th>
                    <th style="width: 150px">有效期止</th>
                    <th style="width: 150px">物料类别</th>
                    <th style="width: 150px">物料细类</th>
                    <th style="width: 150px">物料属性</th>
                    <th style="width: 150px">特殊记载</th>
                    <th style="width: 150px">配套状态</th>
                    <th style="width: 150px">质控卡号</th>
                    <th style="width: 150px">批次</th>
                    <th style="width: 150px">合格证任务号</th>
                    <th style="width: 150px">装配任务号</th>
                    <th style="width: 150px">数量</th>
                    <th style="width: 150px">仓库名称</th>
                    <th style="width: 150px">储位</th>
                    <th style="width: 150px">预配套人</th>
                    <th style="width: 150px">预配套时间</th>
                    <th style="width: 150px">配套人</th>
                    <th style="width: 150px">配套时间</th>
                    <th style="width: 150px">入库人</th>
                    <th style="width: 150px">入库时间</th>
                    <th style="width: 150px">备注</th>
                    <th style="width: 150px">确认人</th>
                    <th style="width: 150px">确认时间</th>
                </tr>
            </ng-template>
            <ng-template pTemplate="body" let-rowIndex="rowIndex" let-car>
                <tr>
                    <td style="width: 80px;position:sticky;left:0;z-index:1;">
                        <p-tableCheckbox [disabled]="car.materialsProperty==2||car.suitStuts=='已配套' || dialogType=='查看'"
                            [value]="car">
                        </p-tableCheckbox>
                    </td>
                    <td style="width: 80px;position:sticky;left:80px;z-index:1;">{{rowIndex+1}}</td>
                    <td style="width: 150px;position:sticky;left:160px;z-index:1;">{{car.productDrawingNo}}</td>
                    <td style="width: 150px;position:sticky;left:310px;z-index:1;">{{car.productName}}</td>
                    <td style="width: 150px">{{car.module}}</td>
                    <td style="width: 150px">{{car.years}}</td>
                    <td style="width: 150px">{{car.qualifiedNumber}}</td>
                    <td style="width: 150px">{{car.releaseOrder}}</td>
                    <td style="width: 200px">{{car.productNumber}}</td>
                    <td style="width: 150px">{{car.productCode}}</td>
                    <td style="width: 150px">{{car.sendTime}}</td>
                    <td style="width: 150px">{{car.expirationDate |date:'yyyy-MM-dd'}}</td>
                    <td style="width: 150px">{{car.materialsNode}}</td>
                    <td style="width: 150px">{{car.materialCategory}}</td>
                    <td style="width: 150px">{{car.materialsProperty == 0 ? '在库' : car.materialsProperty==1 ?
                        '未领料':'已出库'}}
                    </td>
                    <td style="width: 150px">{{car.SpecialRecords}}</td>
                    <td style="width: 150px">{{car.suitStuts}}</td>
                    <td style="width: 150px">{{car.qCCardNo}}</td>
                    <td style="width: 150px">{{car.batch}}</td>
                    <td style="width: 150px">{{car.qualifiedTaskNumber}}</td>
                    <td style="width: 150px">{{car.assemblyTaskNumber}}</td>
                    <td style="width: 150px">{{car.quantity}}</td>
                    <td style="width: 150px">{{car.stroeName}}</td>
                    <td style="width: 150px">{{car.binLocation}}</td>
                    <td style="width: 150px">{{car.preSuiteName}}</td>
                    <td style="width: 150px">{{car.preSuiteTime |date:'yyyy-MM-dd'}}</td>
                    <td style="width: 150px">{{car.completePeople}}</td>
                    <td style="width: 150px">{{car.completeTime |date:'yyyy-MM-dd'}}</td>
                    <td style="width: 150px">{{car.storePutPeople}}</td>
                    <td style="width: 150px">{{car.storePutTime |date:'yyyy-MM-dd'}}</td>
                    <td style="width: 150px">{{car.remark}}</td>
                    <td style="width: 150px">{{car.identifyingPeople}}</td>
                    <td style="width: 150px">{{car.identifyingTime |date:'yyyy-MM-dd'}}</td>
                </tr>
            </ng-template>
        </p-table>
        <p-footer>
            <p-button label="取消" (click)="detailVisible=false" class="ui-button-secondary query-btn"></p-button>
            <p-button *ngIf="dialogType =='人工预配套'" label="预配套" (click)="executePreSuitePersonEv()" class="query-btn">
            </p-button>
        </p-footer>

    </p-dialog>
    <!-- 添加替代料-->
    <p-dialog [style]="{width: '70%', height: '50%',background:' #fff'}" header="添加替代料" [(visible)]="addVisible"
        modal="modal" [responsive]="true">
        <div class="p-formgroup-inline">
            <span class="p-field">
                <span class="input-lable">仓库名称：</span>
                <p-dropdown filter="true" name="stroeName" [options]="storeDropList" placeholder="请选择" dataKey="value"
                    filterBy="label" [optionLabel]="'label'" [(ngModel)]="substitutions.stroeName"
                    emptyFilterMessage="暂无数据">
                </p-dropdown>
            </span>

            <span class="p-field ml">
                <span class="input-lable">产品图号：</span>
                <input id="input" type="text" placeholder="请输入产品图号" pInputText [(ngModel)]="substitutions.materialNo">

            </span>
            <span class="p-field ml">
                <span class="input-lable">产品名称：</span>
                <input id="input" type="text" placeholder="请输入产品名称" pInputText [(ngModel)]="substitutions.materialName">

            </span>
            <span class="p-field ml">
                <span class="input-lable">规格：</span>
                <input id="input" type="text" placeholder="请输入规格" pInputText [(ngModel)]="substitutions.module">

            </span>
            <span class="p-field ml">
                <span class="input-lable">物料类别：</span>

                <input id="input" type="text" placeholder="请输入类别" pInputText
                    [(ngModel)]="substitutions.materialTypeName">

            </span>
            <span class="p-field ml">
                <span class="input-lable">合格证号：</span>
                <input id="input" type="text" placeholder="请输入合格证号" pInputText
                    [(ngModel)]="substitutions.qualifiedNumber">
            </span>
            <span class="p-field ml">
                <span class="input-lable">放行单号：</span>

                <input id="input" type="text" placeholder="请输入放行单号" pInputText [(ngModel)]="substitutions.releaseOrder">

            </span>
            <span class="p-field ml">
                <span class="input-lable">型号：</span>
                <p-dropdown filter="true" name="hJXH" [options]="createModelOption" placeholder="请选择" dataKey="value"
                    filterBy="label" [optionLabel]="'label'" [(ngModel)]="substitutions.hJXH" emptyFilterMessage="暂无数据"
                    (onChange)="getLotNoList($event)">
                </p-dropdown>
            </span>
            <span class="p-field ml">
                <span class="input-lable">发次：</span>
                <p-dropdown filter="true" name="hJFC" [options]="createLotNoList" placeholder="请选择" dataKey="value"
                    filterBy="label" [optionLabel]="'label'" [(ngModel)]="substitutions.hJFC" emptyFilterMessage="暂无数据">
                </p-dropdown>
            </span>
            <p-button label="查询" (click)="getaddList()" class="query-btn"></p-button>
            <p-button type="button" label="重置" (click)="reset()" class="query-btn"></p-button>
        </div>
        <p-table [value]="tdlist" [scrollable]="true" scrollHeight="300px" [(selection)]="tdlistSelect"
            [paginator]="false">
            <ng-template pTemplate="header">
                <tr>
                    <th style="width: 80px">
                        <p-tableHeaderCheckbox></p-tableHeaderCheckbox>
                    </th>
                    <th style="width: 80px">序号</th>
                    <th style="width: 150px">仓库名称</th>
                    <th style="width: 150px">储位</th>
                    <th style="width: 150px">产品图号</th>
                    <th style="width: 150px">产品名称</th>
                    <th style="width: 150px">规格型号</th>
                    <th style="width: 150px">物料类别</th>
                    <th style="width: 150px">物料细类</th>
                    <th style="width: 150px">物料属性</th>
                    <th style="width: 150px">配套状态</th>
                    <th style="width: 150px">合格证号</th>
                    <th style="width: 150px">放行单号</th>
                    <th style="width: 150px">质控卡号</th>
                    <th style="width: 150px">型号(产品代号)</th>
                    <th style="width: 150px">发次</th>
                    <th style="width: 150px">批次</th>
                    <th style="width: 150px">合格证任务号</th>
                    <th style="width: 150px">装配任务号</th>
                    <th style="width: 150px">数量</th>
                    <th style="width: 200px">产品编号(件号)</th>
                    <th style="width: 150px">有效期止</th>
                    <th style="width: 150px">入库人</th>
                    <th style="width: 150px">入库时间</th>
                    <th style="width: 150px">备注</th>
                    <th style="width: 150px">确认人</th>
                    <th style="width: 150px">确认时间</th>
                </tr>
            </ng-template>
            <ng-template pTemplate="body" let-rowIndex="rowIndex" let-car>
                <tr>
                    <td style="width: 80px">
                        <p-tableCheckbox [value]="car"></p-tableCheckbox>
                    </td>
                    <td style="width: 80px">{{rowIndex+1}}</td>
                    <td style="width: 150px">{{car.stroeName}}</td>
                    <td style="width: 150px">{{car.binLocation}}</td>
                    <td style="width: 150px">{{car.productDrawingNo}}</td>
                    <td style="width: 150px">{{car.productName}}</td>
                    <td style="width: 150px">{{car.module}}</td>
                    <td style="width: 150px">{{car.materialsNode}}</td>
                    <td style="width: 150px">{{car.materialCategory}}</td>
                    <td style="width: 150px">{{car.materialsPropertyName}}</td>
                    <td style="width: 150px">{{car.suitStuts}}</td>
                    <td style="width: 150px">{{car.qualifiedNumber}}</td>
                    <td style="width: 150px">{{car.releaseOrder}}</td>
                    <td style="width: 150px">{{car.qCCardNo}}</td>
                    <td style="width: 150px">{{car.productCode}}</td>
                    <td style="width: 150px">{{car.sendTime}}</td>
                    <td style="width: 150px">{{car.batch}}</td>
                    <td style="width: 150px">{{car.qualifiedTaskNumber}}</td>
                    <td style="width: 150px">{{car.assemblyTaskNumber}}</td>
                    <td style="width: 150px">{{car.quantity}}</td>
                    <td style="width: 200px">{{car.productNumber}}</td>
                    <td style="width: 150px">{{car.expirationDate|date:'yyyy-MM-dd'}}</td>
                    <td style="width: 150px">{{car.storePutPeople}}</td>
                    <td style="width: 150px">{{car.storePutTime|date:'yyyy-MM-dd'}}</td>
                    <td style="width: 150px">{{car.remark}}</td>
                    <td style="width: 150px">{{car.identifyingPeople}}</td>
                    <td style="width: 150px">{{car.identifyingTime|date:'yyyy-MM-dd'}}</td>
                </tr>
            </ng-template>
        </p-table>
        <p-footer>
            <p-button label="取消" (click)="addVisible=false" class="ui-button-secondary query-btn"></p-button>
            <p-button label="添加" (click)="addList()" class="query-btn"></p-button>
        </p-footer>

    </p-dialog>
</div>